<template>
  <div>
    <h2>About计数: {{ counter }}</h2>
    <button @click="increment">+1</button>
    <button @clcik="decrement">-1</button>
  </div>
</template>

<script>
import { onActivated } from 'vue'
import useCounter from '../hooks/useCounter'
import useTitle from '../hooks/useTitle'

export default {
  setup() {
    // 切换标题
    useTitle('关于')

    return {
      ...useCounter(),
    }
  },
}
</script>

<style scoped></style>
